﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JooQ :: Object Oriented Javascript Micro-Framework</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    <script type="text/javascript" src="scripts/jquery/json2.js"></script>
    <script type="text/javascript" src="scripts/jquery/livequery.js"></script>
    <script type="text/javascript" src="scripts/core.js?v=1"></script>
    <script type="text/javascript" src="scripts/events.js?v=1"></script>
    <script type="text/javascript" src="scripts/log.js?v=1"></script>
    <script type="text/javascript" src="scripts/bootloader.js?v=1"></script>
    <script type="text/javascript" src="scripts/domdata.js?v=1"></script>
    <script type="text/javascript" src="scripts/behaviors.js?v=1"></script>
    <script type="text/javascript" src="scripts/dependencies.js?v=12345"></script>
    <link rel="stylesheet" href="styles/jqueryUI.css" type="text/css" media="all" />
    <link rel="stylesheet" href="styles/shared.css" type="text/css" media="all" />
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-28818516-1']);
        _gaq.push(['_trackPageview']);
        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
    <div class="span0 center pal txt-white">
        <div data-behaviors-eager="Docs.ContentLoader" data-load="true" data-content="docs/content/header.htm">
        </div>
        <div class="clear pal mas span0">
            <!-- spacer -->
        </div>
        <div class="span0 txtCenter col35">
            <a class="txt-white txt18" href="presentation.htm" target="_blank">
                <img src="images/joo.png" title="Click to watch the JooQ presentation.">
            </a><span class="txt10">Presentation requires a CSS3 capable browser. We recommend the
                latest version of <span class="txt-white"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                    href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=95346">Chrome</a></span>
        </div>
        <div class="bdr-white bol bg-black pal left span95">
            <h2>
                <span class="txt-red"><b>&raquo;</b></span> JooQ</h2>
            <hr class="bdr-gray" />
            <p>
                Are you already using jQuery?<br />
                Good, so are we. Now you can use jQuery AND define object oriented classes that
                support polymorphism and type checking.</p>
            <p>
                How is your JavaScript wired up on your page? How do you scripts interact with your
                elements?
                <br />
                If your experience has been anything like ours, the bigger and more complex the
                project, the more unmanageable the scripts. In a very short time you wind up with
                a mountain of code that's mostly one-offs and hacks.
            </p>
            <p>
                JooQ gives you a development and mental framework for writing javascript so
                that you can write fewer kludges and more reusable, modular scripts.
            </p>
            <p>
                Want more?<br>
                Joo.Query offers dependency injection, unit testing, storage helpers, a boot loader,
                and more features to come.</p>
            <p>
                Don't take our word for, <a href="demos.htm" class="txt-white">check out the demos</a>.</p>
        </div>
        <div class="clear pal mas span0">
            <!-- spacer -->
        </div>
        <div class="bdr-white bol bg-black pal left span95">
            <div class="left span45 col25">
                <br />
                <h2>
                    <span class="txt-red"><b>&raquo;</b></span> Download Latest Version of JooQ</h2>
                <hr class="bdr-gray" />
                <div class="span2 center">
                    <a href="downloads/jooq/1.0/dev/jooq.zip">
                        <img src="images/download_big_o.png" /></a>
                </div>
            </div>
            <div class="left col25 span025 center-vert">
                <div class="middle">
                    <div class="center separate-gray inner col2">
                    </div>
                </div>
            </div>
            <div class="left span45 col25">
                <br />
                <h2>
                    <span class="txt-red"><b>&raquo;</b></span> Current Version Overview</h2>
                <hr class="bdr-gray" />
                <ul class="none pam">
                    <li class="pam"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><span><b>V1.0</b></span>
                        <ul class="none mam">
                            <li class="ind10"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><span>1-31-2012</span></li>
                            <li class="ind10"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><span>Initial Release</span></li>
                        </ul>
                    </li>
                    <p>
                        For more information and version history, please see the <a href="about.htm" class="txt-white">
                            about page</a>.
                    </p>
                </ul>
            </div>
        </div>
        <div class="clear pal mas span0">
            <!-- spacer -->
        </div>
        <div data-behaviors-eager="Docs.ContentLoader" data-load="true" data-content="docs/content/footer.htm">
        </div>
    </div>
</body>
</html>
